<!DOCTYPE html>
<html lang="en">
<link rel="shor" href="">

<head>
    <link rel="shortcut icon" href="./favicon.ico">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <link rel="stylesheet" href="./font-awesome.min.css"> -->

    <link rel="stylesheet" href="./mywebsite/index.css">
    <title>是冷雨呀</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        fetch('https://v1.hitokoto.cn')
            .then(response => response.json())
            .then(data => {
                const hitokoto = document.getElementById('hitokoto_text')
                hitokoto.href = 'https://hitokoto.cn/?uuid=' + data.uuid
                hitokoto.innerText = data.hitokoto
            })
            .catch(console.error)
        function init() {
            setInterval(() => {
                fetch('https://v1.hitokoto.cn')
                    .then(response => response.json())
                    .then(data => {
                        const hitokoto = document.getElementById('hitokoto_text')
                        hitokoto.href = 'https://hitokoto.cn/?uuid=' + data.uuid
                        hitokoto.innerText = data.hitokoto
                    })
                    .catch(console.error)
            }, 5000);
        }
        init();
    </script>
    <!--页面加载start-->

    <link rel="stylesheet" type="text/css" href="./mywebsite/loader.css">



</head>

<body>
    <div id="loader-wrapper">
        <div id="loader"></div>
        <div class="loader-section section-left"></div>
        <div class="loader-section section-right"></div>
        <div class="load_title">正在加载Raincool站点<br><span>V1.0</span></div>
    </div>
    <div class="total">

        <div class="container">
            <div class="irb-vps-avatar">
                <img src="./mywebsite/img/1.png" alt="Avatar" class="img-circle img-thumbnail site-author-image">
            </div>
            <div class="irb-vps-name">
                <h1 style="font-family: Old English Text MT;color: aliceblue;">Raincool</h1>
                <p class="content">木叶飞舞之处，火亦生生不息! <br /> </p>
                <p id="hitokoto_text" class="content"></p>
                <div class="social-icon ac anim fadeInUp s01 delay-0-9s">

                    <div class="link">
                        <a class="icon-vhm" target="_blank" href="https://blogs.mdh.cool/" title="博客">
                            <img class="icon" src="./mywebsite/img/blog.png" alt="">
                            <!-- <i class="fa fa-home vhm-item"></i> -->
                        </a>
                        <span>博客</span>
                    </div>

                    <div class="link">
                        <a class="icon-vhm" target="_blank" href="https://www.mdh.cool" title="主页">
                            <span class="box"></span>

                            <img class="icon" style="display: inline-block;" src="../mywebsite/img/zhuye.png"
                                alt="">
                        </a>
                        <span>主页</span>
                    </div>

                    <div class="link">
                        <a class="icon-vhm" target="_blank" href="mailto:1528898696@qq.com" title="邮箱">
                            <span class="box">
                                <img class="icon" src="./mywebsite/img/mail.png" alt="">
                            </span>
                            <!-- <i class="fa fa-envelope vhm-item"></i> -->
                        </a>
                        <span>邮箱</span>
                    </div>

                    <div class="link">
                        <a class="icon-vhm" target="_blank" href="https://gitee.com/cold-rain" title="Gitee">
                            <span class="box">
                                <img class="icon" src="./mywebsite/img/GitHub .png" alt="">
                            </span>
                            <!-- <i class="fa fa-github vhm-item"></i> -->
                        </a>
                        <span>Gitee</span>
                    </div>
                </div>
                <p class="text-muted">

                <div class="btn btn-default btn-lg" title="进入博客">桂ICP备2020007031号<br><br>
                    <span id="aa">
                        <SCRIPT language=javascript>
                            function show_date_time() {
                                window.setTimeout("show_date_time()", 1000);
                                timeold = ((new Date()).getTime() - (new Date("09/09/2020 20:00:00")).getTime());
                                sectimeold = timeold / 1000;
                                secondsold = Math.floor(sectimeold);
                                msPerDay = 24 * 60 * 60 * 1000;
                                e_daysold = timeold / msPerDay;
                                daysold = Math.floor(e_daysold);
                                e_hrsold = (e_daysold - daysold) * 24;
                                hrsold = Math.floor(e_hrsold);
                                e_minsold = (e_hrsold - hrsold) * 60;
                                minsold = Math.floor((e_hrsold - hrsold) * 60);
                                seconds = Math.floor((e_minsold - minsold) * 60);
                                aa.innerHTML = "本站已运行" + daysold + " 天 " + hrsold + " 小时 " + minsold + " 分 " + seconds + " 秒 ";
                            }
                            show_date_time();
                        </SCRIPT>
                        <br /><br />

                    </span>
                    <span><br /><br />
                        Copyright by mdh.cool</span><br>
                    <span></span>
                    2020 -
                    <script>
                        document.write(new Date().getFullYear());
                    </script>
                </div>

                </p>
            </div>
        </div>
    </div>
    <!-- <script type="text/javascript" src="./assets/js/main.js"></script> -->

</body>

</html>

<!-- <script>
    const loader = document.querySelector('#loader-wrapper');
    const main = document.querySelector('.total');
    function init() {
        setTimeout(() => {
            loader.style.opacity = 0;
            loader.style.display = "none";
            main.style.display = "block";
            setTimeout(() => (main.style.opacity = 1), 100);
        }, 5000)
    }
    init();
</script> -->
<script>
    $(window).on('load', function () {
        $('#loader-wrapper').hide(500);
    });
</script>
<script src="https://cdn.jsdelivr.net/gh/yremp/yremp-js@1.5/sakura.js"> </script>